<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="content">
        <div id="header">
            <span>排序</span>
            <a href="javascript:;">
                上架时间
                <i class="up"></i>
                <i class="down"></i>
            </a>
            <a href="javascript:;">
                热度
                <i class="up"></i>
                <i class="down"></i>
            </a>
            <a href="javascript:;">
                价格
                <i class="up"></i>
                <i class="down"></i>
            </a>
        </div>
        <ul id="cardBox">
            <li>
                <img src="img/1.jpg" alt="">
                <span>华为 Mate40</span>
                <span>上架时间：2014-09-09</span>
                <span>热度：300</span>
                <span>价格：488</span>
            </li>
        </ul>
    </div>
    <script src="js/utils.js"></script>
    <script src="./js/index2.js"></script>

</body>

</html>